<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>4.自动触发事件</title>
    <script src="../jQuery/jQuery.js"></script>
    <style>
        div{
            height: 100px;
            width: 100px;
            background-color: skyblue;
        }
    </style>
</head>
<body>
    <script>
        //自动触发事件trigger()
        //有些事件希望自动触发,比如轮播图自动播放功能跟点击右侧按钮一致,可以利用定时器自动触发右侧按钮点击事件,不必鼠标点击触发.
        $(function(){
            $("div").on("click",function(){ //这个on是绑定单个事件
                alert(11);
            })
            //自动触发
            //1.元素.事件()
            // $("div").click();
            //2.元素.trigger("事件")
            // $("div").trigger("click");
            //3.元素.triggerHandler("事件")  //特别:不会触发元素的默认行为
            $("div").triggerHandler("click");
            /* 特别之处如下: */
            $("input").on("focus",function(){
                $(this).val("你好啊");  //获取焦点后将文本框的值修改为你好啊(并且光标不断闪烁)
            })
           $("input").triggerHandler("focus"); 
        })
    </script>
    <div></div>
    <input type="text">
</body>
</html>